<template>
  <div class="play-page-header">
    <button @click="$emit('hide-play-page')">btn</button>
    <div class="middle">
      <h3>{{currentSong.name}}</h3>
      <!-- <h5>{{}}</h5> -->
    </div>
    <div class="icon">分享</div>
  </div>
</template>

<script>
export default {
  props: {
    currentSong: [Object, null],
  },
};
</script>

<style lang="less">
.play-page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>